<template>
    <div class="login_container">
      <label>
        账号：<input type="text" class="account">
      </label>
      <label>
        密码：<input type="text" class="password">
      </label>
      <button @click="login">登录</button>
    </div>
  </template>
  
  <script setup>
    function login() {
      
    }
  </script>
  
  <style scoped>
    .login_container {
      display: flex;
      flex-direction: column;
      justify-content:center;
      align-items: center;
      width: 100%;
      height: 100%;
      border-color: red;
      border-width: 1px;
      border-style: solid;
      font-size: 18px;
    }
    label {
      margin-top: 18px;
    }
    input {
      width: 300px;
      height: 24px;
    }
    button {
      margin-top: 20px;
      padding: 3px 20px;
      font-size: 18px;
    }
  </style>